<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面头部书写js代码（内嵌）</title>
    <script>
        // 方法一
        window.onclick=function(){
            var btn=document.getElementById('btnclick');
                btn.onclick=function(){
                    // alert：浏览器弹出警示框;可以暂停程序流程，直到关闭警示对话框
                alert('ok 放牛的！')
                alert('ok')
                console.log('ok')
            }
        }
    </script>
</head>
<body>
    <!-- 单击按钮弹出对话框 -->
    <button id="btnclick">单击 试一试</button>

    <!-- 传统上script标签写在head头部，导入外部仍放在head头部，
        自定义内嵌则放在/body前，作为其前一个标签 -->
    <!-- 方法二 -->
    <!-- <script>
        var btn=document.getElementById('btnclick');
        btn.onclick=function(){
            alert('ok 放牛的！')
        }
    </script> -->
</body>
</html>